<template>
  <div>
    <!-- 面包屑导航区域 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/myself' }">个人中心</el-breadcrumb-item>
      <el-breadcrumb-item>详情</el-breadcrumb-item>

    </el-breadcrumb>

    <!-- 卡片视图区域 -->
    <el-card style="padding-left:5%;">
      <!--主图 房源信息-->
      <el-card id="houseCard" shadow="hover">
        <img :src="houseList[0].imgurl" class="image">
        <div style="padding: 30px; ">
          <span>标题：{{houseList[0].housetitle}}</span>
          <div class="bottom clearfix">
            <time class="time">{{houseList[0].htype}}</time>
            <time class="time">
              <el-tag type="success">{{houseList[0].username}}</el-tag>
            </time>
            <!-- 修改按钮 -->
            <el-tooltip effect="dark" content="编辑" placement="top" :enterable="false">
              <el-button style="float: right;" size="mini" type="" @click="showhouseDialog()"><i class="el-icon-edit"></i></el-button>
            </el-tooltip>
          </div>
        </div>
      </el-card>
    </el-card>

  </div>
</template>

<script src="../js/MyHouseInfo.js">

</script>


<style scoped>

</style>
